﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Yuengojiexiao.aspx.cs" Inherits="Xingyungou.ChenJiBao.Yuengojiexiao" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        #yemian {
            width: 100%;
            height: 2268px;
            border: 1px solid #0094ff;
        }

        #tobu {
            width: 100%;
            height: 160px;
            border: 1px solid #00ffff;
        }

        #zhongbu {
            width: 100%;
            height: 1620px;
            background-color: #f7f7f7;
        }

        #zhongbu_jiexiao {
            width: 80%;
            height: 1620px;
            border: 1px solid #ff6a00;
            margin: auto;
        }

        #zhongbu_jiexiao_zi1 {
            width: 100%;
            height: 20px;
        }

            #zhongbu_jiexiao_zi1 p {
                color: #bbbbbb;
            }

                #zhongbu_jiexiao_zi1 p a {
                    color: #bbbbbb;
                    text-decoration: none;
                }

        #zhongbu_jiexiaoxianshi {
            width: 100%;
            height: 1565px;
            border: 1px solid #808080;
            display: flex;
        }

        #zhongbu_jiexiaoxianshi_zuo {
            width: 80%;
            height: 1565px;
            border: 1px solid #0094ff;
        }

        #zhongbu_jiexiaoxianshi_you {
            width: 18%;
            height: 1565px;
            border: 1px solid #00ffff;
            margin-left: 20px;
        }

        #zhongbu_jiexiaoxianshi_zuo_zhi2 {
            width: 100%;
            height: 40px;
            line-height: 40px;
            margin-top: 10px;
            background-color: #ffffff;
        }

        p {
            color: #14d6e3;
        }

        .zi3 {
            color: #ff6600;
            font-size: 26px;
        }

        .zi4 {
            color: #ff6600;
        }

        #zhongbu_jiexiaoxianshi_zuo-jx {
            width: 100%;
            height: 1460px;
            border: 1px solid #ff6600;
        }

        .zhongbu_jiexiaoxianshi_zuo-jx-xinxi {
            width: 47%;
            height: 180px;
            background-color: #ffffff;
            float: left;
            margin-left: 20px;
            margin-top: 25px;
        }

        .tu {
            float: left;
            width: 137px;
            height: 130px;
            border: 1px solid #f2f2f2;
            margin-top: 10px;
            margin-left: 7px;
        }

        .toxiang {
            float: left;
        }

        .zi6 {
            color: #22aaff;
        }

        .zi7 {
            color: #ff6600;
        }

        .zi8 {
            color: #c7c7c7;
        }

        .xinxi {
            margin-top: 10px;
        }

            .xinxi dl dd {
                color: #bbbbbb;
            }

        #jijiangjiexiao {
            width: 100%;
            height: 59px;
            line-height: 59px;
        }

        .zhongbu_jiexiaoxianshi_zuo-jx-xinxi-chakan {
            margin-top: 10px;
            width: 100%;
            height: 40px;
            line-height: 40px;
            background-color: #0094ff;
        }

        .zi10 {
            color: #ff6600;
        }

        .jiexiaoshangping {
            width: 100%;
            height: 62px;
            border-bottom: 1px dashed #bbbbbb;
            margin-top: 10px;
        }

            .jiexiaoshangping dl dt {
                float: left;
                border: 1px solid #bbbbbb;
            }

        #xinxi1 {
            width: 100%;
            height: 430px;
        }

        #xinxi2 {
            width: 100%;
            height: 1064px;
            border: 1px solid #f9f2f2;
            background-color: #fdfdfb;
        }

        #xinxi2_paihang {
            width: 100%;
            height: 420px;
        }

        #xinxi2_paihang_yi {
            width: 100%;
            height: 100px;
            text-align: center;
        }

        #xinxi2 h3 {
            color: #ff6600;
            background-color: #fc07c1;
            text-align: center;
        }

        #paihabfdiyi {
            width: 100%;
            height: 320px;
            border-top: 5px solid #0ce5ed;
            border-bottom: 5px solid #0ce5ed;
            margin-top: 20px;
        }

        #jiexiaosptu {
            margin-left: 10px;
            margin-right: 10px;
        }

        .biaodan tr td {
            text-align: center;
            padding-left: 5px;
            color: #aeadad;
        }

        #cayrs {
            color: #ff6600;
        }

        #sxyrs {
            color: #9c7777;
        }

        #syrs {
            color: #14a8e4;
        }

        #jiage {
            color: #0732f9;
        }

        .ming {
            margin-left: 8px;
        }

        #xinxi2_paihang_erdw {
            width: 100%;
            height: 568px;
            border: 1px solid #ff6600;
            margin-top: 50px;
        }

        #xinxi2_paihang_erdw_xinxi {
            width: 100%;
            height: 70px;
            border: 1px dashed #00ffff;
        }

        #tupaihang {
            margin-left: 18px;
            margin-right: 10px;
            float: left;
        }

        .ming2 {
            margin-top: 8px;
        }

        #dibu {
            width: 100%;
            height: 446px;
        }

        #dibu_daohang1 {
            width: 80%;
            height: 145px;
            border: 1px solid #ff6600;
            margin: auto;
            margin-top: 33px;
        }

            #dibu_daohang1 table {
                margin-left: 50px;
            }

                #dibu_daohang1 table tr td {
                    width: 190px;
                    height: 20px;
                }

        .xsznyangshi {
            width: 190px;
            height: 36px;
            text-decoration: none;
            color: #808080;
        }

        #dibu_daohang1 table tr td a {
            text-decoration: none;
            color: #bbbbbb;
        }

        #dibu_daohang2 {
            width: 80%;
            height: 190px;
            border: 1px solid #ff6600;
            margin: auto;
        }

        #dibu_daohang2-tupian {
            width: 100%;
            height: 108px;
            border: 1px solid #0094ff;
            display: flex;
        }

        #dibu_daohang2-tupian1 {
            height: 108px;
            border: 1px solid #808080;
            flex: 1;
        }

        .yanshi {
            float: left;
        }

        .yanshi1 {
            margin-top: 5px;
            color: #c3a899;
        }

        .yanshi2 {
            margin-top: 5px;
            margin-left:5px;
            color: #dddddd;
        }

        .yanshi3 {
            width: 170px;
            height: 32px;
            line-height: 33px;
            margin-top: 5px;
            text-align: center;
            background-color: #ff7010;
            box-shadow: 0px 0px 2px 0px #808080;
            border-radius: 2px;
        }

            .yanshi3 a {
                text-decoration: none;
                color: #ffffff;
            }

        #dibu_daohang2-tupian2 {
            height: 108px;
            border: 1px solid #808080;
            flex: 1;
            
        }
        #dibu_daohang2-tupian3 {
            height: 108px;
            border: 1px solid #808080;
            flex: 1;
            background-image:url(images/tu3.png);
            background-repeat:no-repeat;
            text-align:center;
        }
        #dibu_daohang2-tupian4 {
            height: 108px;
            border: 1px solid #808080;
            flex: 1;
             background-image:url(images/tu11.png);
            background-repeat:no-repeat;
        }
        .dqsj{
            color:#0094ff;
            text-align:center;
            margin-top:26px;
            margin-bottom:5px;
        }
        .fu1{
            color:#999999;
             text-align:center;
              margin-top: 5px;
        }
         .fu2{
             margin-top: 5px;
            color:#ff6600;
             text-align:center;
        }
         .fu3{
            color:#ff6600;
            margin-top:18px;
        }
         .kefutu{
             float:left;
             margin-left:80px;
         }
         #dibu_daohang2-tupian2-tu{
             width:100%;
             height:80px;
             display:flex;
         }
         .dibu_daohang2-tupian2-tu1-tu{
            float:left;
            margin-left:20px;
         }
         .dibu_daohang2-tupian2-tu1{
             flex:1;
             border:1px solid #808080;
         }
         .dibu_daohang2-tupian2-tu1-zi1{
             padding-top:15px;
         }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="yemian">
            <div id="tobu">
            </div>
            <div id="zhongbu">
                <div id="zhongbu_jiexiao">
                    <div id="zhongbu_jiexiao_zi1">
                        <p><a href="#">首页</a>><a href="#">最新揭晓</a></p>
                    </div>
                    <div id="zhongbu_jiexiaoxianshi">
                        <div id="zhongbu_jiexiaoxianshi_zuo">
                            <div id="zhongbu_jiexiaoxianshi_zuo_zhi2">
                                <p><span class="zi3">最新揭晓 </span>(到目前为止共揭晓商品 <span class="zi4">95239</span> 件)</p>
                            </div>
                            <div id="zhongbu_jiexiaoxianshi_zuo-jx">
                                <asp:Repeater ID="Repeater1" runat="server">
                                    <ItemTemplate>
                                        <div class="zhongbu_jiexiaoxianshi_zuo-jx-xinxi">
                                            <div class="tu">
                                                <img src="images/<%#Eval("Img") %>" width="137" height="130" />
                                            </div>
                                            <div class="xinxi">
                                                <dl>
                                                    <dt class="toxiang">
                                                        <img src="images/<%#Eval("Toxiang") %>" width="50" height="50" /></dt>
                                                    <dd>获得者：<span class="zi6"><%#Eval("AdministratorYH")%></span></dd>
                                                    <dd>来自：<%#Eval("Address")%></dd>
                                                    <dd>本期云购<span class="zi7"><%#Eval("Cishu")%></span>人次</dd>
                                                    <dd><%#Eval("Shoppingming") %></dd>
                                                    <dd><span class="zi8">商品价格：￥<%#Eval("Price")%></span></dd>
                                                    <dd><span class="zi8">揭晓时间<%#Eval("Jiezhishijian")%></span></dd>
                                                </dl>
                                            </div>
                                            <div class="zhongbu_jiexiaoxianshi_zuo-jx-xinxi-chakan">
                                                <p>幸运云购码: <span class="zi10"><%#Eval("Honoree") %> </span><a href="#">查看详情</a></p>
                                            </div>
                                        </div>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </div>
                          <%--  分页效果代码--%>
                        </div>
                        <div id="zhongbu_jiexiaoxianshi_you">
                            <div id="jijiangjiexiao">
                                <h4>即将揭晓商品</h4>
                            </div>
                            <div id="xinxi1">
                                <asp:Repeater ID="Repeater2" runat="server">
                                    <ItemTemplate>
                                        <div class="jiexiaoshangping">
                                            <dl>
                                                <dt id="jiexiaosptu">
                                                    <img src="images/<%#Eval("Img") %>" width="50" height="50" /></dt>
                                                <dd><%#Eval("Shoppingming") %></dd>
                                                <dd>揭晓时间<%#Eval("Jiezhishijian")%></dd>
                                            </dl>
                                        </div>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </div>
                            <div id="xinxi2">
                                <h3>人气排行</h3>
                                <div id="xinxi2_paihang">
                                    <div id="xinxi2_paihang_yi">
                                        <img src="images/diyiming.png" width="220" height="100" />
                                    </div>
                                    <div id="paihabfdiyi">
                                        <asp:Repeater ID="Repeater3" runat="server">
                                            <ItemTemplate>

                                                <dl>
                                                    <dt>
                                                        <img src="images/<%#Eval("Img")%>" width="220" height="220" /></dt>
                                                    <dd class="ming"><%#Eval("Shoppingming") %></dd>
                                                    <dd class="ming">价格：￥<span id="jiage"><%#Eval("Price")%></span></dd>
                                                </dl>
                                                <table class="biaodan">
                                                    <tr>
                                                        <td id="cayrs"><%#Eval("Renqizhi")%></td>
                                                        <td id="sxyrs"><%#Eval("Suoxurenci")%></td>
                                                        <td id="syrs"><%#Eval("Syrc")%></td>
                                                    </tr>
                                                    <tr>
                                                        <td>已参人次</td>
                                                        <td>所需人次</td>
                                                        <td>剩余人次</td>
                                                    </tr>
                                                </table>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </div>
                                </div>
                                <div id="xinxi2_paihang_erdw">
                                    <asp:Repeater ID="Repeater4" runat="server">
                                        <ItemTemplate>
                                            <div id="xinxi2_paihang_erdw_xinxi">
                                                <dl>
                                                    <dt id="tupaihang">
                                                        <img src="images/<%#Eval("Img")%>" width="50" height="50" style="border: 1px solid #bbbbbb" /></dt>
                                                    <dd class="ming2"><%#Eval("Shoppingming") %></dd>
                                                    <dd class="ming2">剩余人数：<span id="jiage"><%#Eval("Syrc")%></span></dd>
                                                </dl>
                                            </div>
                                        </ItemTemplate>
                                    </asp:Repeater>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="dibu">
                    <div id="dibu_daohang1">
                        <table>
                            <tr>
                                <td class="xsznyangshi">
                                    <h3>新手指南</h3>
                                </td>
                                <td class="xsznyangshi">
                                    <h3>云购保障 </h3>
                                </td>
                                <td class="xsznyangshi">
                                    <h3>商品配送</h3>
                                </td>
                                <td class="xsznyangshi">
                                    <h3>关于一元购</h3>
                                </td>
                                <td class="xsznyangshi">
                                    <h3>携手一元购</h3>
                                </td>
                                <td class="xsznyangshi">
                                    <h3>应用更新</h3>
                                </td>
                            </tr>
                            <tr>
                                <td><a href="#">了解一元购</a></td>
                                <td><a href="#">一元购保障体系</a></td>
                                <td><a href="#">商品配送</a></td>
                                <td><a href="#">一元云购介绍</a></td>
                                <td><a href="#">商务合作</a></td>
                                <td><a href="#">手机版</a></td>
                            </tr>
                            <tr>
                                <td><a href="#">常见信息</a></td>
                                <td><a href="#">正品保障</a></td>
                                <td><a href="#">配送费用</a></td>
                                <td><a href="#">云购公益</a></td>
                                <td><a href="#">一元云购招聘</a></td>
                                <td><a href="#">桌面版</a></td>
                            </tr>
                            <tr>
                                <td><a href="#">服务协议</a></td>
                                <td><a href="#">安全支付</a></td>
                                <td><a href="#">商品验货与签收</a></td>
                                <td><a href="#">云购微博</a></td>
                                <td colspan="2"><a href="#">友情链接</a></td>
                            </tr>
                            <tr>
                                <td><a href="#">会员福分经验值</a></td>
                                <td><a href="#">投诉建议</a></td>
                                <td><a href="#">长时间未收到商品</a></td>
                                <td><a href="#">联系我们</a></td>
                                <td colspan="2"><a href="#">官方QQ交流</a></td>
                            </tr>
                        </table>
                    </div>
                    <div id="dibu_daohang2">
                        <div id="dibu_daohang2-tupian">
                            <div id="dibu_daohang2-tupian1">
                                <dl>
                                    <dt class="yanshi">
                                        <img src="images/tu1.png" /></dt>
                                    <dd class="yanshi1">下载客户端</dd>
                                    <dd class="yanshi2">云购随时随地</dd>
                                    <dd class="yanshi3"><a href="#">立即下载</a></dd>
                                </dl>
                            </div>
                            <div id="dibu_daohang2-tupian2">
                               <dl>
                                    <dt class="yanshi">
                                        <img src="images/tu8.png"  height="100"/></dt>
                                    <dt class="yanshi">
                                        <img src="images/tu9.png"/></dt>
                                    <dd class="yanshi1">关注官方微信</dd>
                                   <dd class="yanshi1">扫一扫</dd>
                                    <dd class="yanshi2">享受专享服务</dd>
                                </dl>
                            </div>
                            <div id="dibu_daohang2-tupian3">
                                <asp:ScriptManager ID="ScriptManager2" runat="server"></asp:ScriptManager>
                                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                    <ContentTemplate>
                                        <h2 class="dqsj">当前时间</h2>
                                        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                                        <asp:Timer ID="Timer1" runat="server" Interval="1000"></asp:Timer>
                                    </ContentTemplate>
                                </asp:UpdatePanel>
                            </div>
                            <div id="dibu_daohang2-tupian4">
                            <dl>
                                    <dd class="fu1">服务热线</dd>
                                   <dd class="fu2">400-850-8080</dd>
                                 <dt class="kefutu">
                                        <img src="images/tu10.png"/></dt>
                                    <dd class="fu3">在线客服</dd>
                                </dl>
                            </div>                          
                           
                           <%-- <div id="dibu_daohang2-tupian6"></div>--%>
                        </div>
                         <div id="dibu_daohang2-tupian2-tu">
                              <div class="dibu_daohang2-tupian2-tu1">
                                  <dl>
                                      <dt class="dibu_daohang2-tupian2-tu1-tu">
                                          <img src="images/tu12.png"/></dt>
                                      <dd class="dibu_daohang2-tupian2-tu1-zi1">100%公平公正</dd>
                                       <dd class="dibu_daohang2-tupian2-tu1-zi2">参与过程公开透明，用户随时可以查看</dd>
                                  </dl>
                              </div>
                              <div class="dibu_daohang2-tupian2-tu1">
                                   <dl>
                                      <dt class="dibu_daohang2-tupian2-tu1-tu">
                                          <img src="images/tu13.png"/></dt>
                                      <dd class="dibu_daohang2-tupian2-tu1-zi1">100%公平公正</dd>
                                       <dd class="dibu_daohang2-tupian2-tu1-zi2">参与过程公开透明，用户随时可以查看</dd>
                                  </dl>
                              </div>
                              <div class="dibu_daohang2-tupian2-tu1">
                                   <dl>
                                      <dt class="dibu_daohang2-tupian2-tu1-tu">
                                          <img src="images/tu14.png"/></dt>
                                      <dd class="dibu_daohang2-tupian2-tu1-zi1">100%公平公正</dd>
                                       <dd class="dibu_daohang2-tupian2-tu1-zi2">参与过程公开透明，用户随时可以查看</dd>
                                  </dl>
                              </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
